/*****************************
* =TOOLBAR SETTINGS 
******************************/
.toolbar {
	background-color: #C1C8D8;
	margin: 0 0 2px 0;
	font: 10pt tahoma;
}
div.toolbarHeader {
	background-image:url(/purple/client_scripts/pomo/images/toolbar.header.bg.gif);
	height: 18px;
	cursor: move;
	margin: 0 0 5px 0;
}
div.toolbarHeader span {
	font: bold 10px arial;
	color: #fff;
	padding: 3px;
	display: block;
	cursor: arrow;
	background:transparent url(/purple/client_scripts/pomo/images/toolbar.corner.gif) no-repeat top right;
}
div.toolbarRow {
	padding: 0 2px 5px 2px;
}

div.toolbarButton {
	float:left;
	width: 24px;
	height: 20px;
	cursor: arrow;
	text-align:center;
}
div.toolbarDdl {
	float:left;
	height: 20px;
}
div.toolbarDdl select {
	font-size: 8pt;
}
div.toolbarSpacer {
	float:left;
	width: 3px;
	height: 20px;
}

div.toolbarEnd {
	clear: both;
	float: none;
}

/*****************************
* =EDITOR SETTINGS 
******************************/
.editor {
	background-color: #C1C8D8;
}

.editorContainer {
	padding: 1px 0 0 1px;
	margin: 0;
	background-color: #ffffff
}
.editorStatus {
	background-image:url(/purple/client_scripts/pomo/images/status.bg.gif);
	height:23px;
	padding: 0;
	margin: 0;
	width: 100%;
}
.tabOff {
	float: left;
	margin: 2px;
	padding: 1px;
	font: normal 12px arial;
	border: 1px solid #B5B9C2;
	background-color: transparent;
	/*background-image:url(/purple/client_scripts/pomo/images/tab.bg.off.gif);*/
}
.tabOn {
	float: left;
	margin: 2px;
	padding: 1px;
	font: normal 12px arial;
	border: 1px solid #B5B9C2;
	background-color: #fff;
	/*background-image:url(/purple/client_scripts/pomo/images/tab.bg.on.gif);*/
}
.tabOn img, .tabOff img {
    vertical-align: middle;
}
img, span {
	border: 0;
	padding: 0;
	margin: 0;
}